---
import Markdown from "../../../CHANGELOG.md";
import Layout from "../layouts/Layout.astro";
---

<Layout meta={{ title: "Changelog", description: undefined }}>
  <Markdown />
</Layout>

<style is:global>
  a {
    --a-color: currentColor;
    text-decoration: none;
  }

  h2:target a {
    color: var(--color-accent);
    opacity: 1;
  }

  h2 a {
    visibility: hidden;
    opacity: 0.5;
    padding-inline-start: var(--space-3xs);
  }

  h2:is(:hover, :focus-visible) a {
    visibility: visible;
  }

  h3 {
    margin-block-start: var(--space-m);
  }
</style>
